// 导入容器组件
import { install } from '../helpers';
import Container from './Container.vue';
import Header from './Header.vue';
import Aside from './Aside.vue';
import Main from './Main.vue';
import Footer from './Footer.vue';
import Row from './Row.vue';
import Col from './Col.vue';

// 组件列表
const TuiContainerComponents = {
  'tui-container': Container,
  'tui-header': Header,
  'tui-aside': Aside,
  'tui-main': Main,
  'tui-footer': Footer,
  'tui-row': Row,
  'tui-col': Col
};

// 安装函数
const containerInstall = (app: any) => {
  install(app, TuiContainerComponents);
};

// 导出组件和安装函数
export { Container, Header, Aside, Main, Footer, Row, Col, containerInstall, TuiContainerComponents };

export default {
  containerInstall,
  ...TuiContainerComponents
};

// 从类型定义文件导入类型
import type {
  TuiContainerProps,
  TuiHeaderProps,
  TuiAsideProps,
  TuiFooterProps,
  TuiRowProps,
  TuiColProps,
  TuiBreakpointProps
} from './types';

export type {
  TuiContainerProps,
  TuiHeaderProps,
  TuiAsideProps,
  TuiFooterProps,
  TuiRowProps,
  TuiColProps,
  TuiBreakpointProps
};